<template>
  <div id="notice">
    <div class="bigbox">
      <el-card class="box-card">
        <el-input placeholder="请输入内容" :disabled="true" v-model="name"></el-input>
        <br />
        <el-input placeholder="请输入内容" :disabled="true" v-model="account"></el-input>
        <br />
        <router-link
          :to="{ name: 'questionnaire'}"
          style="text-decoration: none"
        >
          <div class="btn">
            <el-button type="primary" round>确认</el-button>
          </div>
        </router-link>
      </el-card>
    </div>
    <div class="noticetable">
      <el-table :data="tableData" height="168px" border style="width: 721px">
        <el-table-column prop="user" label="适用对象" width="180">
        </el-table-column>
        <el-table-column prop="time" label="采样时间" width="180">
        </el-table-column>
        <el-table-column prop="address" label="采样地点" width="180">
        </el-table-column>
        <el-table-column prop="phone" label="联系电话" width="180">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

  <script>
  export default {
      data() {
          return {
              price: this.$route.params.price,
              name: this.$store.state.currentUser.username,
              account: this.$store.state.currentUser.account,
              tableData: [
                  {
                      user: "愿检尽检人员",
                      time: "8：00--11：30 14:00--17:30",
                      address: "门诊南门广场西侧核酸采样点",
                      phone: "0517-80872188",
                  },
                  {
                      user: "发热门诊就诊患者",
                      time: "24小时",
                      address: "发热门诊",
                      phone: "0517-80872188",
                  },
              ],
          };
      },
      methods: {},
      comments: {},
      mounted() {
          this.$store.state.price=this.price;
          
      }
  };
</script>

<style scoped>
.noticetable {
  margin-left: 25%;
  margin-top: 40px;
}
.bigbox {
  /* 居中 */

  display: flex;
  justify-content: center;
}
.btn {
  display: flex;
  justify-content: center;
}
.el-card {
  float: left;
  margin-top: 40px;
}
.el-input {
  margin-top: 20px;
  width: 100%;
}
.el-button {
  margin-top: 20px;
  width: 60%;
}
.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  width: 480px;
}
</style>
